<template>
  <view class="home_tit">
    <view class="home_tit_top">
      <view class="home_tit_middle"  @click="$Router.push('/pages/login/login')">
		  <u-icon name="arrow-left" color="#000" size="28"></u-icon>

        <!-- <image class="w-70 h-70" src="@/static/imgs/nav-left.png" mode=""></image> -->
      </view>
	  <view style="font-weight: bold;">
	  	{{ $t("subPackages.s120") }}
	  </view>
      <view
        class="home_tit_right"
        @click="$Router.push('/pages/language/language')"
      >
        <text>{{ $t("home.h1") }}</text>
        <image
          class="w-44 h-44 mr-5 ml-5"
          src="@/static/imgs/diqiuheo.svg"
          mode=""
        ></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.home_tit {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  .home_tit_top {
    height: 50px;
    display: flex;
    align-items: center;
    background: #FFF;
    .home_tit_middle {
      display: flex;
      align-items: center;
      font-weight: 700;
      flex: 1;
      padding: 8px 15px;
      margin: 0 0;
      color: #000;
      font-size: 18px;
      .nae {
        color: #000;
      }
    }
    .home_tit_right {
      padding-right: 10px;
      width: 160px;
      color: #000;
      flex-direction: row-reverse;
      font-size: 15px;
      display: flex;
      align-items: center;
      font-weight: 700;
    }
  }
}
</style>
